import { User } from '@nutui/icons-react-taro';
import { Cell, Tag } from '@nutui/nutui-react-taro';
import { View } from '@tarojs/components';
import { AtIcon } from 'taro-ui';
import './index.less'

const UserCard = ({index}) => {
  return (
    <Cell
      title={
        <div style={{ display: 'inline-flex', alignItems: 'center' }}>
          <User />
          <span style={{ marginLeft: '5px', marginRight: 5 }}>张三 {index}</span>
          <Tag plain>发展用户</Tag>
        </div>
      }
      description={
        <View>
          <div>
            <div
              style={{
                display: 'flex',
                alignItems: 'center',
              }}
            >
              <AtIcon value="iphone" size="12"></AtIcon>
              <span style={{ marginLeft: '5px' }}>12345678900</span>
            </div>
            <Tag type="success">套餐：269换电套餐</Tag>

            <View className="user_count_user_card" >
              <View className="user_count__sub">
                
                <View>是否新租</View>

                <View className="user_count__sub--num">是</View>

              </View>
               
              <View className="user_count__sub">
               
                <View>发展时间</View>

                <View className="user_count__sub--num">2024-01-01</View>
              </View>
            </View>
          </div>
        </View>
      }
    />
  );
};

export default UserCard;
